<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>张志华个人站</title>
<link href="css/index.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery.fatNav.css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" />
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.parallax-scroll.js"></script>
<script src="js/theater.min.js"></script>
<script src="js/jquery.fatNav.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script>
	$(document).ready(function(e) {
		$.fatNav();
		
		$('.fancybox').fancybox();
		
		jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:false,vis:3,trigger:"click"});
		
   		var theater = theaterJS()
  		theater
    		.on('type:start, erase:start', function () {
      			// add a class to actor's dom element when he starts typing/erasing
     			var actor = theater.getCurrentActor()
      			actor.$element.classList.add('is-typing')
    		})
    		.on('type:end, erase:end', function () {
      			// and then remove it when he's done
      			var actor = theater.getCurrentActor()
      			actor.$element.classList.remove('is-typing')
    		})
  		theater
    		.addActor('actor',{ accuracy: 1.0, speed: 0.05 })
  		theater
    		.addScene('actor:设计爱好者', 1500)
    		.addScene('actor:编程爱好者', 1500)
			.addScene('actor:喜好哲思的务虚者', 3000)
    		.addScene(theater.replay)
		});
</script>
</head>

<body>
<nav>
	<div class="inner">
    	<div class="fat-nav">
    		<div class="fat-nav__wrapper">
        		<ul>
            		<li><a href="#home"><span>。</span>首页</a></li>
                    <li><a href="#blog"><span>。</span>博客</a></li>
            		<li><a href="#intro"><span>。</span>简介</a></li>
                    <li><a href="#work"><span>。</span>作品</a></li>
                    <li><a href="#contact"><span>。</span>联系方式</a></li>
        		</ul>
    		</div>
		</div> 
	</div> 
</nav>
<div id="home">
	<img src="/images/home_bg.jpg" class="home_back" data-parallax='{"y": 100}'>
	<div class="mask">
    	<div class="inner">
    		<div class="text">
   				<h3>我是张志华</h3>
    			<h3 class="small_title">一个</h3>
                <h3 id="actor"></h3>
    		</div>
            <div class="PSmessage">
            	<p>PS:背景图为博主以自己喜欢的书籍为题材拍摄</p>
            </div>
        </div>
    </div>
</div>
<div id="blog">
	<div class="inner">
	<h3 class="sectionheader blackText">博客</h3>
    <div class="picScroll-left">
    <div class="hd">
		<a class="next">&lt;</a>		
		<a class="prev">&gt;</a>
	</div>
    <div class="bd">
    <ul class="picList">
    	<li>
        	<a href="blog.html" target="_blank" class="blog0_img"></a>
            <h4>追求理想的正确方式？(转)</h4>
            <p>前几天朋友送给我一本书，刚拿到书的时候便被书的名字吸引到了：《不被理想束缚的生活》。开始的时候对作者起的名字感到挺惊讶的，每个人都有理想不假，可是用束缚这个词对它进行定义是不是有一点太消极了一点，但是翻过此书之后，我发现身边很多朋友包括我都是那个被理想束缚的人......</p>
        </li>
        <li>
        	<a href="blog.html" target="_blank" class="blog1_img"></a>
            <h4>机器与生命的观察</h4>
            <p>人是一台生命机器，在以前我可能会说人只不过是一台生命机器，这种说法会很容易让人厌烦原因可能是以自我为中心的方式看，我们的神圣独特性又被下拉了一个级别。但是换个角度来看，其实这种心理也是由于我们认为机器的卑微而造成的，如果我们体会到机器之物的神圣与美好，也许我们会欣然接受这个观点。</p>
        </li>
        <li>
        	<a href="blog.html" target="_blank" class="blog2_img"></a>
            <h4>被人讨厌的勇气</h4>
            <p>阿德乐曾有这么一段论述，个人会根据当前和未来的利益对过去经历进行解释。如果一个人童年受到了虐待，他成人之后可能会走向两个极端，一种是极端虐待孩童以表示报复，另外或者是极端宠爱孩童，以表修复。前一种情况用阿德乐的观点容易理解，发泄自己的冲动，以童年经历为借口。后一种可以理解为获得他人之关心，所谓推己及人或者，或者仅仅是为了移情修补。是什么造成了这种分歧？</p>
        </li>
        <li>
        	<a href="blog.html" target="_blank" class="blog3_img"></a>
            <h4>灵性与科学</h4>
            <p>诸如勇气，爱之类的意识概念是会被尊重的，但对于大部分人来说其背后却是一团迷雾，诸如本质，起源。我们为了保持思维的连贯性又不得不为其寻找原因。倾向于相信灵性的人会将其归结于神，绝对精神之类的超自然力量。这样做的一个显著好处在于将人的精力集中在发生机理和应用实践上。</p>
        </li>
    </ul>
    </div>
   	</div>
    </div>
</div>
<div id="intro">
	<img src="images/intro_bg.jpg" class="intro_back" data-parallax='{"y": 200}'>
    <div class="mask">
	<div class="inner">
		<h3 class="sectionheader whiteText">自我简介<span>”</span></h3>
        <p class="contentText whiteText">我很喜欢乔布斯说过的一句话：设计不仅仅是视觉和感觉上如何，设计也是它运行起来如何。所以我自学了一些计算机和设计课程，并且开始自己动手设计和编码。我发现我很喜欢这样的造物方式，从中体会到了类似工匠的乐趣，有致于长期从事这方面工作。偶尔我也会为一些问题纠结，因为我总喜欢用哲学的方式思考问题，追问事物背后的意义和价值。</p>
        <h3 class="sectionheader whiteText">教育及工作经历<span>”</span></h3>
        <p class="contentText whiteText">2010.6-2014.3 浙江大学 生物系统工程系<br>2013.6-2013.12 杭州设友设计有限公司 设计咨询助理<br>2014.6-2016.2 杭州玖果网络有限公司 iOS工程师</p>
        <h3 class="sectionheader whiteText">技能<span>”</span></h3>
        <p class="contentText whiteText">UI设计：使用AI绘制图标，PS或者Sketch排版，配合产品需求完成视觉稿设计<br>网页前端制作：配合视觉设计稿使用HTML CSS JS完成网页前端静态页面制作<br>iOS开发：利用苹果原生语言完成iOS端界面制度，数据存储通讯，模块定制以及发布<br>Python开发：使用Python Flask完成服务器脚本编写，利用爬虫技术完成网络数据采集</p>
    </div>
   	</div>
</div>
<div id="work">
	<div class="inner">
    	<h3 class="sectionheader blackText">作品集</h3>
		<a class="fancybox" href="images/work0_bg_big.PNG" data-fancybox-group="gallery" title="个人独立iOS作品"><img src="images/work0_bg.jpg" alt="" /></a>
		<a class="fancybox" href="images/work1_bg_big.jpg" data-fancybox-group="gallery" title="icon临摹作品"><img src="images/work1_bg.jpg" alt="" /></a>
		<a class="fancybox" href="images/work2_bg_big.JPG" data-fancybox-group="gallery" title="电商专题页作品"><img src="images/work2_bg.jpg" alt="" /></a>
    </div>
</div>
<div id="contact">
	<h3 class="sectionheader blackText">联系方式</h3>
    <p>邮箱：zzh17909Leo@gmail.com<br>微信：zzhzju</p>
</div>
</body>
</html>
